/* #1 MEDIA QUERIES */
@media only screen and (max-width: 1070px) {
	#wrapper {
		width: 100%;
	}
	article[data-type=cols] {
		width: 95%;
	}
	.gallery {
		width: 95%;
	}
}

@media only screen and (max-width: 600px) {
	.navBar {
		width: -11.1%%;
	}
	article[data-type=cols] {
		width: 95%;
	}
	article[data-type=cols] section {
		width: 25%;
	}
	.gallery ul {
		width: 95%;
	}
	.gallery li img {
		max-width: 100%;
	}
}

@media only screen and (max-width: 800px) {
	.navBar {
		width: 60%%;
	}
	article[data-type=cols] {
		width: 95%;
	}
	article[data-type=cols] section {
		width: 25%;
	}
	.gallery ul {
		width: 95%;
	}
	.gallery li img {
		max-width: 100%;
	}
}

@media only screen and (max-width: 570px) {
	.navBar {
		position: static;
		background: none;
		width: 100%;
		height: auto;
	}
	.navBar a {
		display: block;
		width: 100%;
		margin: 1px 0 0 0;
	}
	.navBar:before,.navBar:after {
		background: none;
		display: none;
	}
	article[data-type=cols] {
		width: 95%;
	}
	article[data-type=cols] section {
		width: 50%;
		margin-bottom: 1em;
	}
	article[data-type=cols] p {
		padding: 0 0 1em 0;
	}
	.gallery ul {
		width: 100%;
	}
	.gallery li {
		width: 50%;
		margin: 0 -3px 0 0;
	}
}

@media only screen and (max-width: 450px) {
	.navBarTiny {
		display: block;
		position:relative;
}
	.navBar {
		display: none;
	}
	.logoTitle {
		display: none;
	}
	article[data-type=cols] section {
		-moz-column-count: 1; /* Firefox */
		-webkit-column-count: 1; /* Safari and Chrome */
		column-count: 1;
		width: auto;
	}
	/*
	.gallery li { 
		width: 100%;	
	}	
	*/
}